<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<link type="text/css" rel="stylesheet" href="__COMMON__/css/style.css" />
	<script type="text/javascript" src="__STATIC__/hdjs/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
<link href="__STATIC__/uploadify/uploadify.css" type="text/css" rel="stylesheet" />

<css file="__STATIC__/hdjs/hdjs.css" />
<css file="__STATIC__/hdjs/hdui.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>

</style>
</head>
<body>

<include file="__PUBLIC__/head"/> 

<div class="content">
	<div class="main">
		<include file="__PUBLIC__/left"/>
		<!-- start right -->


<div class="right">
	<div class="now">
		<div class="now_l"></div>
		<div class="now_m">
			<span class="fl">添加商品品牌</span>
			<span class="fr fabu"><a href="{|U:'Brand/index'}">返回首页</a></span>
		</div>
		<div class="now_r"></div>
		<div class="clear"></div>
	</div>
	<div class="addbr" style="height:auto;">
		<form action="" method="post" enctype="multipart/form-data" class="hd-form">

			<!--table.table1>tr*2>th+td*3-->
			<table class="table1">
				<tr>
					<th>品牌名称</th>
					<td><input type="text" class="w200" name="bname" id="" value="" class="brname_2"/></td>
					<td></td>
				</tr>
				<tr>
					<th>品牌LOGO</th>
					<td>
						<input type="file" name="logo_file" id="logo" value="" class=""/>
						<input type="hidden" name="logo" />
						<div id="uploadList">
						<ul></ul>
						</div>
					</td>
				
				<td>
						
					</td>
				</tr>
				<tr>
					<th>序号</th>
					<td><input type="text" name="sort" class="w200" id="" value="" class="brname_2"/>
</td>
					<td></td>
				</tr>
				<tr>
					<th></th>
					<td><button class="hd-btn hd-btn-primary">确认添加</button></td>
					<td></td>
				</tr>
			</table>
		</form>
		
		
		
	</div>
	
		
		
		
		
		
		
		
		
		
		
		
	</table>
	</form>
</div>

		<div class="clear"></div>
	</div>
	<div class="foot">Copyright <span class="num">&copy;</span> 2014-2017 <a target="_blank" href="#"></a> 版权所有</div>
</div>
<script type="text/javascript"> 
$(function(){
	$(".list").find("tr").hover(
		function(){
			if ($(this).find("td").hasClass("bgtt")) return;
			$(this).find("td").css("background-color", "#ffffdd");
		},
		function(){
			if ($(this).find("td").hasClass("bgtt")) return;
			$(this).find("td").css("background-color", "#fff");
		}
	)
	
	/*
	 * uploadify 百科大全
	 * /* enter 
	 * <!--table.table1>tr*4>th+td*3-->
	 * 将文件都放在 static 里面
	 * 头部引入 三个文件
	 * 、jquery
	 * __STATIC__/uploadify/jquery.uploadify.min.js
	 * uploadify/uploadify.css
	 * 再无需要其他文件
	 * 配置如下
	 */
	// uploadify上传插件配置
    $('#logo').uploadify({
    		// formdata 解决火狐下上传功能bug
//          'formData'     : {//POST数据
//              '<?php echo session_name();?>' : '<?php echo session_id();?>',
//          },
            'fileTypeDesc' : '上传文件',//上传描述 :弹出框右下角显示 必须
            'fileTypeExts' : '*.jpg;*.jpeg;*.gif;*.png',// 设置弹出框可选图片范围 举例 可设置成 可选 无则表示可以选择所有文件 
            'swf'      : '__STATIC__/uploadify/uploadify.swf', // 必须载入swf文件
            'uploader' : '{|U:"upload"}',// 必须 上传到控制器中的方法。原理：同一时间默认上传一张图片。
            'buttonText':'选择文件',// 可选 
            'fileSizeLimit' : '2000KB',// 文件大小限制 必须 
            'multi':false,// 可选的。写成false可以限制用户只上传一张图片
            'uploadLimit' : 1000,//上传文件数
            'width':80,// 修改按上传钮宽度  可选
            'height':25,// 修改按上传钮高度 可选
            'successTimeout':10,//等待服务器响应时间
            'removeTimeout' : 0.2,//成功显示时间
            'onUploadSuccess' : function(file, data, response) {
                data=$.parseJSON(data);
                // 如果图片上传不成功就 给一张默认的图片
                var imageUrl = data.image?data.url:'__STATIC__/image/default.png';
                // 拼接li 
                /*
                 * <li url="http://localhost/mushroom/Upload/92551420986938.jpg" path="Upload/92551420986938.jpg">
                 * <img class="hd-w80 hd-h70" src="http://localhost/mushroom/Upload/92551420986938.jpg"></li>
                 */
                var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/></li>";
               // 先清空ul 里面的html代码。 再追加新的li 为的是将之前上传图片时候。生成的li 去掉。防止出现多张图片同时显示
               $("#uploadList ul").empty().prepend(li);// 到此时给前台用户。也就是管理也看效果。
                $("input[name=logo]").val(imageUrl);// 最终目的将上传后的图片路径些到隐藏域 里面
            }
        });
})
</script>
<script>
	
</script>
</body>
</html>
